<template>
	<div class="right-nav">
		<span class="path">
			{{parentName}} >
			<span class="blue">{{childName}}</span>
		</span>
	</div>
</template>

<script>
	export default{
		props: ['parentName','childName'],
		data(){
			return{
				
			}
		},
		created(){
			
		},
	}
</script>

<style scoped="scoped" lang="less">
	.right-nav{
		position: relative;
	    border-style: solid;
	    border-width: 1px;
	    border-color: rgb(221, 221, 221);
	    background-color: rgb(245, 247, 250);
	    height: 40px;
	    line-height: 40px;
	    padding: 0 18px;
	    border-bottom: none;
	}
	.right-nav > .path{
		font-weight: bold;
	    vertical-align: middle;
	    margin-right: 10px;
	}
</style>